@media screen and (min-width: 1200px) and (max-width: 1600px) {
    span.title {
        font-size: 18px;
    }
    cite.time {
        font-size: 12px;
        margin-top: 15px;
    }
    strong {
        font-size: 33px;
    }
    b {
        font-size: 18px;
    }
    .illegalimplement>div {
        width: 47%;
        height: 48%;
    }
    .gtxt .mt30 {
        margin-top: -10px;
    }
    /* .gtxt div:nth-child(2) {
        margin-top: 0;
    } */
    .guidechart {
        height: calc(100% - 73px);
    }
    /* 主页 头 */
    .header-wrap div.title {
        font-size: 28px;
    }
    .header-wrap .subtitle {
        font-size: 20px;
        font-weight: bold;
        z-index: 20;
        line-height: 77px;
    }
    .header-wrap .subtitle span {
        font-size: 14px;
    }
    /* 指标 */
    .rindex {
        width: 160px;
        /* height: calc(100% - 100px); */
        top: 87px;
    }
    /* 被选中 */
    .rindex .rindexitem.active {
        line-height: 20px;
    }
    .rindex .rindexitem.active .rindex-title {
        /* margin-bottom: 10px; */
        line-height: 20px;
        margin-top: 30px;
    }
    .rindexmore .rindexitem.active b {
        font-size: 18px;
    }
    .rindexmore .rindexitem.active p {
        font-size: 12px;
    }
    .rindex .rindexitem.active p strong {
        font-size: 33px;
    }
    /* 未被选中 */
    .rindex .rindexitem {
        padding: 0px;
        margin-bottom: 8px;
        line-height: 20px;
    }
    .rindex .rindexitem .rindex-title {
        line-height: 16px;
        margin-bottom: 8px;
    }
    .rindexitem p strong {
        font-size: 24px;
    }
    .rindexitem b {
        font-size: 14px;
    }
    .rindexmore .rindexitem {
        flex-wrap: wrap;
        /* flex:1; */
        /* height: 31%; */
        height: 27%;
    }
    .rindexmore .rindexitem b {
        font-size: 14px;
    }
    .rindexmore .rindexitem p {
        font-size: 10px;
    }
    .rindexmore .rindexitem p cite {
        font-size: 10px;
    }
    .rindexmore .rindexitem p strong {
        font-size: 24px;
    }
    .rindexlit {
        width: 150px;
        /* height: calc(100vh - 86px); */
    }
    .rindexlit .rindexitem {
        width: 100%;
        height: 40%;
    }
    .imp4.rindexitem {
        height: 32%!important;
    }
    .rfactor .rindexitem p cite {
        font-size: 10px;
    }
    /* 时间轴 */
    .rfactor .rtime .rtime-container .rtime-month {
        right: -3px;
    }
    /* 图斑页 */
    .spotsdetail .chart-spots {
        width: 440px;
        height: calc(100vh - 170px);
    }
    .spotsdetail .chart-spots>div {
        margin-bottom: 10px;
    }
    .spotsdetail .chart-spots>div .chart-legend {
        height: 15px;
        line-height: 20px;
        font-size: 14px;
        padding: 8px 24px;
    }
    .spotsdetail .chart-spots .spots-baseInfo {
        height: calc(100vh - 70px - 470px)
    }
    .spotsdetail .chart-spots .spots-baseInfo .baseInfo-box {
        height: calc(100% - 40px);
    }
    .spotsdetail .chart-spots .spots-cwjx {
        height: 120px;
    }
    .spotsdetail .chart-spots .spots-image {
        height: 342px;
    }
    .spotsdetail .chart-spots .spots-cwjx .cwjx-box .cwjx-wrap .cwjx-num {
        /* font-size: 24px !important; */
    }
    .spotsdetail table td {
        font-size: 10px;
        line-height: 1.4;
    }
    .spotsdetail .chart-spots .spots-cwjx .cwjx-box .cwjx-wrap {
        font-size: 10px;
        line-height: 1.4;
    }
    .spotsdetail table td:first-child {
        width: 100px;
    }
    .spotsdetail .chart-spots>div .chart-legend cite.legendActive {
        top: 11px;
        height: 15px;
        margin-left: 15px;
    }
    .map-wrap {
        width: calc(100% - 440px);
    }
    .map-wrap .map-left .tabmenu {
        /* 暂时注释：选择字较多子项时，固定宽度导致换行 */
        /* width: 300px; */
        right: 15px;
        top: 0px;
    }
    .map-wrap .map-right .tabmenu {
        right: 15px;
        top: 0px;
    }
    .map-wrap .map-left .tabmenu .el-menu--horizontal>.el-submenu .el-submenu__title {
        font-size: 10px;
        padding: 0 5px;
    }
    .map-wrap .map-right .tabmenu .el-menu--horizontal>.el-submenu .el-submenu__title {
        font-size: 10px;
        padding: 0 5px;
    }
    .map-wrap .map-left .tabmenu .el-menu-item {
        font-size: 10px;
        padding: 0 5px;
    }
    .map-wrap .map-right .tabmenu .el-menu-item {
        font-size: 10px;
        padding: 0 5px;
    }
    .el-menu--horizontal .el-menu .el-menu-item,
    .el-menu--horizontal .el-menu .el-submenu__title {
        font-size: 10px;
        height: 20px!important;
        line-height: 20px!important;
        padding: 0px 8px!important;
    }
    .el-menu--horizontal .el-menu {
        min-width: 120px;
    }
    /* map-left tabmenu timeslider*/
    .map-wrap .map-left .tabmenu .txt p {
        width: 11px;
        line-height: 15px;
        font-size: 10px;
    }
    .map-wrap .map-left .tabmenu .rtime>div.p {
        font-size: 10px;
    }
    .map-wrap .map-left .tabmenu .rtime .rtime-container .rtime-month {
        line-height: 62px;
        font-size: 10px;
    }
    .map-wrap .map-left .tabmenu .rtime .rtime-container .rtime-year {
        font-size: 10px;
        margin: 5px 0;
        margin-right: 12px;
    }
    .map-wrap .map-left .tabmenu .rtime .rtime-container .rtime-slider {
        margin: 5px 0;
    }
    .map-wrap .map-left .tabmenu .rtime .rtime-container .rtime-slider .slider-pips {
        width: 86%;
        font-size: 10px;
    }
    .map-wrap .map-left .tabmenu .rtime .rtime-container .rtime-slider .slider-pips .slider-pips__pips>li {
        height: 7px;
    }
    /* map-right tabmenu timeslider*/
    .map-wrap .map-right .tabmenu .txt p {
        width: 11px;
        line-height: 15px;
        font-size: 10px;
    }
    .map-wrap .map-right .tabmenu .rtime>div.p {
        font-size: 10px;
    }
    .map-wrap .map-right .tabmenu .rtime .rtime-container .rtime-month {
        line-height: 62px;
        font-size: 10px;
    }
    .map-wrap .map-right .tabmenu .rtime .rtime-container .rtime-year {
        font-size: 10px;
        margin: 5px 0;
        margin-right: 12px;
    }
    .map-wrap .map-right .tabmenu .rtime .rtime-container .rtime-slider {
        margin: 5px 0;
    }
    .map-wrap .map-right .tabmenu .rtime .rtime-container .rtime-slider .slider-pips {
        width: 86%;
        font-size: 10px;
    }
    .map-wrap .map-right .tabmenu .rtime .rtime-container .rtime-slider .slider-pips .slider-pips__pips>li {
        height: 7px;
    }
    .data-empty {
        left: calc(50% - 25px);
        top: calc(50% - 0px);
        font-size: 10px;
    }
    /* 导览菜单 */
    .NavGuide div p {
        font-size: 16px;
    }
    .rnav ul li p {
        font-size: 16px;
    }
    /* 要素选择 */
    .rfactor {
        height: 74px;
    }
    /* 头部 */
    .header {
        height: 70px;
        line-height: 70px;
    }
    .content {
        height: calc(100vh - 162px);
    }
    /* 空间要素的宽度 */
    .rfactor .space-factor .area-list-box {
        width: 68%;
    }
    /* 首页小屏下方地图菜单 */
    .con {
        padding: 0 10px 0 10px;
    }
}

@media screen and (min-width: 1601px){
    /* 头部 */
    .header {
        height: 80px;
        line-height: 80px;
    }
    .content {
        height: calc(100vh - 162px);
    }
    /* 导览页 */
    span.title {
        font-size: 28px;
    }
    cite.time {
        font-size: 18px;
        margin-top: 19px;
    }
    b {
        font-size: 18px;
    }
    .illegalimplement>div {
        width: 47%;
        height: 45%;
    }
    .gtxt .mt30 {
        line-height: 92px;
    }
    .guidechart {
        height: calc(100% - 91px);
    }
    .guidechart .gcolumn {
        justify-content: center;
    }
    strong {
        /* font-size: 60px; */
        font-size: 44px;
    }
    /* 主页 头*/
    .header-wrap div.title {
        font-size: 37px;
    }
    .header-wrap .subtitle {
        font-size: 24px;
        font-weight: bold;
        z-index: 20;
        line-height: 67px;
    }
    .header-wrap .subtitle span {
        font-size: 18px;
    }
    /* 指标 */
    .rindex {
        width: 200px;
        /* height: 32%; */
        /* height: calc(100% - 245px); */
        top: 100px;
    }
    .rindexmore .rindex {
        width: 200px;
        /* height: calc(100% - 164px); */
        top: 100px;
    }
    /* 被选中 */
    .rindex .rindexitem.active {
        line-height: 42px;
    }
    .rindex .rindexitem.active .rindex-title {
        margin-bottom: 10px;
        line-height: 26px;
    }
    .rindexmore .rindexitem.active b {
        font-size: 24px;
    }
    .rindexmore .rindexitem.active p {
        font-size: 14px;
        margin-top: 3px;
    }
    .rindex .rindexitem.active p strong {
        font-size: 44px;
    }
    /* 未被选中 */
    .rindex .rindexitem {
        margin-bottom: 8px;
        line-height: 35px;
        padding: 10px;
        flex: 1;
    }
    .rindex .rindexitem .rindex-title {
        line-height: 22px;
        margin-bottom: 7px;
    }
    .rindexitem p strong {
        font-size: 34px;
    }
    .rindexitem b {
        font-size: 18px;
    }
    .rindexmore .rindexitem {
        flex-wrap: wrap;
        /* flex:1; */
        /* height: 31%; */
        height: 27%;
    }
    .rindexmore .rindexitem b {
        font-size: 18px;
    }
    .rindexmore .rindexitem p {
        font-size: 12px;
    }
    .rindexmore .rindexitem p cite {
        font-size: 14px;
    }
    .rindexmore .rindexitem p strong {
        font-size: 34px;
    }
    /* 2个 */
    .rindexlit {
        width: 200px;
        /* height: calc(100% - 333px); */
    }
    .rindexlit .rindexitem {
        flex-wrap: wrap;
        height: 32%;
        margin-bottom: 8px;
    }
    /* 3个 */
    .rindexitem p strong {
        font-size: 39px;
    }
    /* 多余3个 */
    .rindexmore .rindexitem {
        /* flex-wrap: wrap; */
        flex: 1;
        margin-bottom: 8px;
        /* height: 30%; */
    }
    .rfactor .rindexitem p cite {
        font-size: 16px;
    }
    /* 时间轴 */
    .rfactor .rtime .rtime-container .rtime-month {
        right: 5px;
    }
    /* 图斑页 */
    .spotsdetail .chart-spots {
        width: 610px;
        height: calc(100vh - 170px);
        ;
    }
    .spotsdetail .chart-spots>div {
        margin-bottom: 15px;
    }
    .spotsdetail .chart-spots>div .chart-legend {
        height: 30px;
        line-height: 30px;
        font-size: 20px;
        padding: 10px 35px;
    }
    .spotsdetail .chart-spots .spots-baseInfo {
        /* height: 36%; */
        height: calc(100vh - 70px - 680px);
    }
    .spotsdetail .chart-spots .spots-baseInfo .baseInfo-box {
        height: calc(100% - 62px);
    }
    .spotsdetail .chart-spots .spots-cwjx {
        /* height: 25%; */
        height: 173px;
    }
    .spotsdetail .chart-spots .spots-image {
        /* height: 36%; */
        height: 510px;
    }
    .spotsdetail .chart-spots .spots-cwjx .cwjx-box .cwjx-wrap .cwjx-num {
        /* font-size: 40px !important; */
    }
    .spotsdetail .chart-spots .spots-cwjx .cwjx-box .cwjx-wrap .cwjx-name {
        font-size: 15px;
    }
    .spotsdetail table td:first-child {
        width: 134px;
    }
    .spotsdetail .chart-spots>div .chart-legend cite.legendActive {
        top: 17px;
        height: 20px;
        margin-left: 22px;
    }
    .map-wrap {
        width: calc(100% - 650px);
    }
    .map-wrap .map-left .tabmenu {
        /* 暂时注释：字多换行 */
        /* width: 562px; */
        right: 20px;
        top: 5px;
    }
    .map-wrap .map-right .tabmenu {
        right: 20px;
        top: 5px;
    }
    .map-wrap .map-left .tabmenu .el-menu-item {
        padding: 0 7px;
        font-size: 12px;
    }
    .map-wrap .map-right .tabmenu .el-menu-item {
        padding: 0 7px;
        font-size: 12px;
    }
    .data-empty {
        left: calc(50% - 24px);
        top: calc(50% - 30px);
    }
    /* 导览菜单 */
    .NavGuide div p {
        font-size: 18px;
    }
    .rnav ul li p {
        font-size: 18px;
    }
    /* 要素选择 */
    .rfactor {
        height: 80px;
    }
    /* 空间要素的宽度 */
    .rfactor .space-factor .area-list-box {
        width: 71%;
    }
    /* 首页大屏下方地图菜单 */
    .con {
        padding: 0 20px 0 30px;
    }
}